<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    #a1 img{
        display: inline-block;
        margin: 0 auto;
        animation: kxf 1s linear infinite;
        -webkit-animation: kxf 1s linear infinite;
    }
    @keyframes kxf {
        from {
            transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
        }
    }
    @-webkit-keyframes kxf {
        from {
            transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
        }
        to {transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
        }
    }
</style>
<body>
    <div id="a1">
        <img src="./寇新峰的动画图片/fengche.png" alt="">
    </div>
</body>
</html>